<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>{:CONFIG_TITLE}</title>
    <meta name="keywords" content="{:CONFIG_KEY}"/>
    <meta name="description" content="{:CONFIG_ABS}"/>
    <link href="__PUBLIC__/sys/css/base.css" rel="stylesheet">
    <link href="__PUBLIC__/sys/css/msh.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/sys/js/modernizr.js"></script>
    <![endif]-->
    <script src="__PUBLIC__/sys/js/scrollReveal.js"></script>
</head>
<body>
<header>
    <include file="Public/header" />
</header>
<article>
    <div class="container">
        <h2 class="ctitle"><b>慢生活</b> <span>“慢生活”不是懒惰，放慢速度不是拖延时间，而是让我们在生活中寻找到平衡。 </span></h2>
        <div class="photowall">
            <ul class="wall_a">
                <li><a href="/"><img src="__PUBLIC__/sys/images/p01.jpg">
                    <figcaption>
                        <h2>不再因为别人过得好而焦虑，在没有人看得到你的时候依旧能保持节奏 </h2>
                    </figcaption>
                </a></li>
                <li><a href="/"><img src="__PUBLIC__/sys/images/p02.jpg">
                    <figcaption>
                        <h2>不再因为别人过得好而焦虑，在没有人看得到你的时候依旧能保持节奏 </h2>
                    </figcaption>
                </a></li>
                <li><a href="/"><img src="__PUBLIC__/sys/images/p03.jpg">
                    <figcaption>
                        <h2>不再因为别人过得好而焦虑，在没有人看得到你的时候依旧能保持节奏 </h2>
                    </figcaption>
                </a></li>
                <li>
                    <p class="text_a"><a href="/">一个人最好的模样大概是平静一点，坦然接受自己所有的弱点，不再因为别人过得好而焦虑，在没有人看得到你的时候依旧能保持节奏......</a>
                    </p>
                </li>
                <li><a href="/"><img src="__PUBLIC__/sys/images/p04.jpg">
                    <figcaption>
                        <h2>不再因为别人过得好而焦虑，在没有人看得到你的时候依旧能保持节奏 </h2>
                    </figcaption>
                </a></li>
                <li>
                    <p class="text_b"><a href="/">逃避自己的人，最终只能导致自己世界的崩塌，而变得越来越没有安全感。</a></p>
                </li>
                <li><a href="/"><img src="__PUBLIC__/sys/images/p05.jpg">
                    <figcaption>
                        <h2>不再因为别人过得好而焦虑，在没有人看得到你的时候依旧能保持节奏 </h2>
                    </figcaption>
                </a></li>
                <li><a href="/"><img src="__PUBLIC__/sys/images/p06.jpg">
                    <figcaption>
                        <h2>不再因为别人过得好而焦虑，在没有人看得到你的时候依旧能保持节奏 </h2>
                    </figcaption>
                </a></li>
            </ul>
        </div>
        <ul class="cbp_tmtimeline">
            <li>
                <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s">
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="__PUBLIC__/sys/images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js
                        用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></div>
            </li>
            <li>
                <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s">
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="__PUBLIC__/sys/images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js
                        用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></div>
            </li>
            <li>
                <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s">
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="__PUBLIC__/sys/images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js
                        用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></div>
            </li>
            <li>
                <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s">
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="__PUBLIC__/sys/images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js
                        用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></div>
            </li>
            <li>
                <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s">
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="__PUBLIC__/sys/images/t02.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js
                        用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></div>
            </li>
            <li>
                <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s">
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="__PUBLIC__/sys/images/t01.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js
                        用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></div>
            </li>
            <li>
                <time class="cbp_tmtime"><span>08-08</span> <span>2017</span></time>
                <div class="cbp_tmicon"></div>
                <div class="cbp_tmlabel" data-scroll-reveal="enter right over 1s">
                    <h2>三步实现滚动条触动css动画效果</h2>
                    <p><span class="blogpic"><a href="/"><img src="__PUBLIC__/sys/images/t03.jpg"></a></span>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js
                        用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
                    <a href="/" target="_blank" class="readmore">阅读全文&gt;&gt;</a></div>
            </li>
        </ul>
        <div class="page"><a title="Total record"><b>107</b> </a><b>1</b><a href="/news/index_2.html">2</a><a
                href="/news/index_3.html">3</a><a href="/news/index_4.html">4</a><a href="/news/index_5.html">5</a><a
                href="/news/index_2.html">&gt;</a><a href="/news/index_5.html">&gt;&gt;</a></div>
    </div>
    </aside>
</article>
<footer>备案号: <a href="/">{:CONFIG_NUM}</a></footer>
<script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        (function () {
            window.scrollReveal = new scrollReveal({reset: true});
        })();
    }
    ;
</script>
</body>
</html>
